<template>
  <div class="hm-friend-information-card">
    <div class="box">
      <image class="primary" :src="options.primary" />
      <div class="side">
        <div class="namClass">
          <text class="name">{{ options.name }}</text>
        </div>
        
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'HmFriendInformationCard',
  props: {
    dataId: {
      type: String,
      default: 'hm-friend-information-card'
    },
    options: {
      type: Object,
      default: function() {
        return {
          primary:
            '/static/image/address.png',
          name: '张三',
          titleImg:
            '/static/image/boy.jpg',
          address: ''
        };
      }
    }
  },
  data() {
    return {};
  },
  methods: {}
};
</script>
<style>
@import './index.response.css';
</style>
